﻿<!DOCTYPE html>
<html>
  <head>
    <title>输入框 Input</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=1440, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/输入框_input/styles.css" type="text/css" rel="stylesheet"/>
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/输入框_input/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Rectangle) -->
      <div id="u5010" class="ax_default _默认样式">
        <div id="u5010_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5011" class="ax_default _默认样式">
        <div id="u5011_div" class=""></div>
        <div id="u5011_text" class="text ">
          <p><span>状态示例</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5012" class="ax_default _默认样式">
        <div id="u5012_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5013" class="ax_default _默认样式">
        <div id="u5013_div" class=""></div>
        <div id="u5013_text" class="text ">
          <p><span>动态输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5014" class="ax_default _默认样式">
        <div id="u5014_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5015" class="ax_default _默认样式">
        <div id="u5015_div" class=""></div>
        <div id="u5015_text" class="text ">
          <p><span>复合输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5016" class="ax_default _默认样式">
        <div id="u5016_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5017" class="ax_default _默认样式">
        <div id="u5017_div" class=""></div>
        <div id="u5017_text" class="text ">
          <p><span>搜索输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5018" class="ax_default _默认样式">
        <div id="u5018_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5019" class="ax_default _默认样式">
        <div id="u5019_div" class=""></div>
        <div id="u5019_text" class="text ">
          <p><span>图标输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (元件标题) -->

      <!-- 背景 (Dynamic Panel) -->
      <div id="u5021" class="ax_default" data-label="背景">
        <div id="u5021_state0" class="panel_state" data-label="State1" style="">
          <div id="u5021_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- 线条 (Dynamic Panel) -->
      <div id="u5022" class="ax_default" data-label="线条">
        <div id="u5022_state0" class="panel_state" data-label="State1" style="">
          <div id="u5022_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5023" class="ax_default _默认样式">
        <div id="u5023_div" class=""></div>
        <div id="u5023_text" class="text ">
          <p><span style="font-family:'FontAwesome Bold', 'FontAwesome Regular', 'FontAwesome';"></span><span style="font-family:'微软雅黑 Bold', '微软雅黑';"> 元件标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5024" class="ax_default _默认样式">
        <div id="u5024_div" class=""></div>
        <div id="u5024_text" class="text ">
          <p><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;"> </span><span style="font-family:'FontAwesome';font-weight:400;">作品首页</span></p>
        </div>
      </div>

      <!-- Unnamed (版权信息) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u5026" class="ax_default _默认样式">
        <img id="u5026_img" class="img " src="images/___icons/u605.png"/>
        <div id="u5026_text" class="text ">
          <p><span>Copyright © </span><a id="u5027" class="link"><span>http://t.cn/EPh287q</span></a><span>, All Rights Reserved.</span></p><p><span>打造高保真原型，快人一步</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5028" class="ax_default" data-left="20" data-top="100" data-width="1100" data-height="110">

        <!-- Unnamed (Rectangle) -->
        <div id="u5029" class="ax_default _默认样式">
          <div id="u5029_div" class=""></div>
          <div id="u5029_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">使用说明</span></p><p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;font-size:12px;">通过鼠标或键盘输入内容，是最基础的表单域的包装，当需要用户输入表单域内容时使用。提供了各类动态及静态的元件示例，可根据需要选择使用。扩展阅读文章：</span><a id="u5030" class="link"><span style="font-family:'微软雅黑';font-weight:400;font-size:12px;">你真的懂得文本输入框设计的那些潜规则么？</span></a><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">、</span><a id="u5031" class="link"><span style="font-family:'微软雅黑';font-weight:400;font-size:12px;">「这个控件叫什么」系列之输入框/文本框/Text fields</span></a><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">、</span><a id="u5032" class="link"><span style="font-family:'微软雅黑';font-weight:400;font-size:12px;">设计表单的时候，为什么悬浮式标签体验更好？</span></a></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5033" class="ax_default _默认样式">
          <div id="u5033_div" class=""></div>
          <div id="u5033_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5034" class="ax_default _默认样式">
        <div id="u5034_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5035" class="ax_default _默认样式">
        <div id="u5035_div" class=""></div>
        <div id="u5035_text" class="text ">
          <p><span>静态输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5036" class="ax_default _默认样式">
        <div id="u5036_div" class=""></div>
        <div id="u5036_text" class="text ">
          <p><span>请输入用户名称</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5037" class="ax_default _默认样式">
        <div id="u5037_div" class=""></div>
        <div id="u5037_text" class="text ">
          <p><span>请输入登录密码</span></p>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5038" class="ax_default" data-label="输入框" data-left="170" data-top="562" data-width="240" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5039" class="ax_default _默认样式">
          <div id="u5039_div" class=""></div>
          <div id="u5039_text" class="text ">
            <p><span>请输入用户名称</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5040" class="ax_default _默认样式">
          <div id="u5040_div" class=""></div>
          <div id="u5040_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5041" class="ax_default" data-label="输入框" data-left="760" data-top="561" data-width="240" data-height="40">

        <!-- 边框 (Rectangle) -->
        <div id="u5042" class="ax_default _默认样式" data-label="边框">
          <img id="u5042_img" class="img " src="images/输入框_input/边框_u5042.png"/>
        </div>

        <!-- 输入框 (Text Field) -->
        <div id="u5043" class="ax_default _默认样式" data-label="输入框">
          <input id="u5043_input" type="text" value="" maxlength="20"/>
        </div>

        <!-- 清除 (Rectangle) -->
        <div id="u5044" class="ax_default _默认样式 ax_default_hidden" data-label="清除" style="display:none; visibility: hidden">
          <div id="u5044_div" class=""></div>
          <div id="u5044_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- 图标 (Rectangle) -->
        <div id="u5045" class="ax_default _默认样式" data-label="图标">
          <div id="u5045_div" class=""></div>
          <div id="u5045_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5046" class="ax_default" data-label="输入框" data-left="170" data-top="622" data-width="240" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5047" class="ax_default _默认样式">
          <div id="u5047_div" class=""></div>
          <div id="u5047_text" class="text ">
            <p><span>请输入登录密码</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5048" class="ax_default _默认样式">
          <div id="u5048_div" class=""></div>
          <div id="u5048_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5049" class="ax_default _默认样式">
        <div id="u5049_div" class=""></div>
        <div id="u5049_text" class="text ">
          <p><span>悬停状态</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5050" class="ax_default _默认样式">
        <div id="u5050_div" class=""></div>
        <div id="u5050_text" class="text ">
          <p><span>验证错误状态</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5051" class="ax_default _默认样式">
        <div id="u5051_div" class=""></div>
        <div id="u5051_text" class="text ">
          <p><span>字段为空状态</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5052" class="ax_default _默认样式">
        <div id="u5052_div" class=""></div>
        <div id="u5052_text" class="text ">
          <p><span>禁用状态</span></p>
        </div>
      </div>

      <!-- 成功提示 (Rectangle) -->
      <div id="u5053" class="ax_default _默认样式" data-label="成功提示">
        <img id="u5053_img" class="img " src="images/输入框_input/成功提示_u5053.png"/>
        <div id="u5053_text" class="text ">
          <p style="font-size:14px;"><span style="font-family:'FontAwesome';font-weight:400;font-size:16px;"></span><span style="font-family:'微软雅黑';font-weight:400;"> 验证</span><span style="font-family:'微软雅黑';font-weight:400;">正确提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5054" class="ax_default _默认样式">
        <div id="u5054_div" class=""></div>
        <div id="u5054_text" class="text ">
          <p><span>验证正确状态</span></p>
        </div>
      </div>

      <!-- 警告提示 (Rectangle) -->
      <div id="u5055" class="ax_default _默认样式" data-label="警告提示">
        <div id="u5055_div" class=""></div>
        <div id="u5055_text" class="text ">
          <p style="font-size:14px;"><span style="font-family:'FontAwesome';font-weight:400;font-size:16px;"></span><span style="font-family:'微软雅黑';font-weight:400;"> 字段为空</span><span style="font-family:'微软雅黑';font-weight:400;">提示</span></p>
        </div>
      </div>

      <!-- 错误提示 (Rectangle) -->
      <div id="u5056" class="ax_default _默认样式" data-label="错误提示">
        <div id="u5056_div" class=""></div>
        <div id="u5056_text" class="text ">
          <p style="font-size:14px;"><span style="font-family:'FontAwesome';font-weight:400;font-size:16px;"></span><span style="font-family:'微软雅黑';font-weight:400;"> </span><span style="font-family:'微软雅黑';font-weight:400;">验证错误提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5057" class="ax_default _默认样式">
        <div id="u5057_div" class=""></div>
        <div id="u5057_text" class="text ">
          <p><span>默认效果：</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5058" class="ax_default" data-left="760" data-top="1430" data-width="240" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5059" class="ax_default _默认样式">
          <div id="u5059_div" class=""></div>
          <div id="u5059_text" class="text ">
            <p><span>清除按纽</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5060" class="ax_default _默认样式">
          <div id="u5060_div" class=""></div>
          <div id="u5060_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5061" class="ax_default _默认样式">
        <div id="u5061_div" class=""></div>
        <div id="u5061_text" class="text ">
          <p><span>默认状态</span></p>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5062" class="ax_default" data-label="输入框" data-left="760" data-top="621" data-width="240" data-height="40">

        <!-- 边框 (Rectangle) -->
        <div id="u5063" class="ax_default _默认样式" data-label="边框">
          <img id="u5063_img" class="img " src="images/输入框_input/边框_u5042.png"/>
        </div>

        <!-- 输入框 (Text Field) -->
        <div id="u5064" class="ax_default _默认样式" data-label="输入框">
          <input id="u5064_input" type="password" value="" maxlength="20"/>
        </div>

        <!-- 清除 (Rectangle) -->
        <div id="u5065" class="ax_default _默认样式 ax_default_hidden" data-label="清除" style="display:none; visibility: hidden">
          <div id="u5065_div" class=""></div>
          <div id="u5065_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- 图标 (Rectangle) -->
        <div id="u5066" class="ax_default _默认样式" data-label="图标">
          <div id="u5066_div" class=""></div>
          <div id="u5066_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5067" class="ax_default" data-label="输入框" data-left="760" data-top="440" data-width="240" data-height="40">

        <!-- 边框 (Rectangle) -->
        <div id="u5068" class="ax_default _默认样式" data-label="边框">
          <img id="u5068_img" class="img " src="images/输入框_input/边框_u5042.png"/>
        </div>

        <!-- 输入框 (Text Field) -->
        <div id="u5069" class="ax_default _默认样式" data-label="输入框">
          <input id="u5069_input" type="text" value="" maxlength="20"/>
        </div>

        <!-- 清除 (Rectangle) -->
        <div id="u5070" class="ax_default _默认样式 ax_default_hidden" data-label="清除" style="display:none; visibility: hidden">
          <div id="u5070_div" class=""></div>
          <div id="u5070_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5071" class="ax_default" data-label="输入框" data-left="760" data-top="320" data-width="240" data-height="40">

        <!-- 边框 (Rectangle) -->
        <div id="u5072" class="ax_default _默认样式" data-label="边框">
          <div id="u5072_div" class=""></div>
        </div>

        <!-- 输入框 (Text Field) -->
        <div id="u5073" class="ax_default _默认样式" data-label="输入框">
          <input id="u5073_input" type="text" value="" maxlength="20"/>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5074" class="ax_default" data-label="输入框" data-left="760" data-top="380" data-width="240" data-height="40">

        <!-- 边框 (Rectangle) -->
        <div id="u5075" class="ax_default _默认样式" data-label="边框">
          <div id="u5075_div" class=""></div>
        </div>

        <!-- 输入框 (Text Field) -->
        <div id="u5076" class="ax_default _默认样式" data-label="输入框">
          <input id="u5076_input" type="password" value="" maxlength="20"/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5077" class="ax_default _默认样式">
        <div id="u5077_div" class=""></div>
        <div id="u5077_text" class="text ">
          <p><span>输入时进行提示</span></p>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5078" class="ax_default" data-label="输入框" data-left="170" data-top="1172" data-width="240" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5079" class="ax_default _默认样式">
          <div id="u5079_div" class=""></div>
          <div id="u5079_text" class="text ">
            <p><span>请输入搜索内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5080" class="ax_default _默认样式">
          <div id="u5080_div" class=""></div>
          <div id="u5080_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5081" class="ax_default" data-label="输入框" data-left="170" data-top="922" data-width="240" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5082" class="ax_default _默认样式">
          <div id="u5082_div" class=""></div>
          <div id="u5082_text" class="text ">
            <p><span>请选择时间</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5083" class="ax_default _默认样式">
          <div id="u5083_div" class=""></div>
          <div id="u5083_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5084" class="ax_default" data-label="输入框" data-left="170" data-top="982" data-width="240" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5085" class="ax_default _默认样式">
          <div id="u5085_div" class=""></div>
          <div id="u5085_text" class="text ">
            <p><span>请选择日期</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5086" class="ax_default _默认样式">
          <div id="u5086_div" class=""></div>
          <div id="u5086_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5087" class="ax_default" data-label="输入框" data-left="170" data-top="682" data-width="240" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5088" class="ax_default _默认样式">
          <div id="u5088_div" class=""></div>
          <div id="u5088_text" class="text ">
            <p><span>请输入微博账号</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5089" class="ax_default _默认样式">
          <div id="u5089_div" class=""></div>
          <div id="u5089_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5090" class="ax_default" data-label="输入框" data-left="170" data-top="802" data-width="240" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5091" class="ax_default _默认样式">
          <div id="u5091_div" class=""></div>
          <div id="u5091_text" class="text ">
            <p><span>请输入邮箱地址</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5092" class="ax_default _默认样式">
          <div id="u5092_div" class=""></div>
          <div id="u5092_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5093" class="ax_default" data-label="输入框" data-left="170" data-top="862" data-width="240" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5094" class="ax_default _默认样式">
          <div id="u5094_div" class=""></div>
          <div id="u5094_text" class="text ">
            <p><span>请输入手机号码</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5095" class="ax_default _默认样式">
          <div id="u5095_div" class=""></div>
          <div id="u5095_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5096" class="ax_default" data-label="输入框" data-left="170" data-top="742" data-width="240" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5097" class="ax_default _默认样式">
          <div id="u5097_div" class=""></div>
          <div id="u5097_text" class="text ">
            <p><span>请输入微信账号</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5098" class="ax_default _默认样式">
          <div id="u5098_div" class=""></div>
          <div id="u5098_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5099" class="ax_default" data-label="输入框" data-left="110" data-top="1541" data-width="380" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5100" class="ax_default _默认样式">
          <div id="u5100_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5101" class="ax_default _默认样式">
          <div id="u5101_div" class=""></div>
          <div id="u5101_text" class="text ">
            <p><span>.com</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5102" class="ax_default _默认样式">
          <div id="u5102_div" class=""></div>
          <div id="u5102_text" class="text ">
            <p><span>http://</span></p>
          </div>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5103" class="ax_default" data-label="输入框" data-left="110" data-top="1601" data-width="380" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5104" class="ax_default _默认样式">
          <div id="u5104_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5105" class="ax_default _默认样式">
          <div id="u5105_div" class=""></div>
          <div id="u5105_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">.com </span><span style="font-family:'FontAwesome';font-weight:400;font-size:18px;color:#CCCCCC;"></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5106" class="ax_default _默认样式">
          <div id="u5106_div" class=""></div>
          <div id="u5106_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">http:// </span><span style="font-family:'FontAwesome';font-weight:400;font-size:18px;color:#CCCCCC;"></span></p>
          </div>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5107" class="ax_default" data-label="输入框" data-left="110" data-top="1661" data-width="380" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5108" class="ax_default _默认样式">
          <div id="u5108_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5109" class="ax_default _默认样式">
          <div id="u5109_div" class=""></div>
          <div id="u5109_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5110" class="ax_default _默认样式">
          <div id="u5110_div" class=""></div>
          <div id="u5110_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">Day&nbsp; </span><span style="font-family:'FontAwesome';font-weight:400;font-size:18px;color:#CCCCCC;"></span></p>
          </div>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5111" class="ax_default" data-label="输入框" data-left="170" data-top="1232" data-width="240" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5112" class="ax_default _默认样式">
          <div id="u5112_div" class=""></div>
          <div id="u5112_text" class="text ">
            <p><span>请输入搜索内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5113" class="ax_default _默认样式">
          <div id="u5113_div" class=""></div>
          <div id="u5113_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5114" class="ax_default" data-label="输入框" data-left="170" data-top="1292" data-width="240" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5115" class="ax_default _默认样式">
          <div id="u5115_div" class=""></div>
          <div id="u5115_text" class="text ">
            <p><span>请输入搜索内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5116" class="ax_default _默认样式">
          <div id="u5116_div" class=""></div>
          <div id="u5116_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5117" class="ax_default" data-label="输入框" data-left="110" data-top="1721" data-width="380" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5118" class="ax_default _默认样式">
          <div id="u5118_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5119" class="ax_default _默认样式">
          <div id="u5119_div" class=""></div>
          <div id="u5119_text" class="text ">
            <p><span>Kg</span></p>
          </div>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5120" class="ax_default" data-label="输入框" data-left="170" data-top="1352" data-width="240" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5121" class="ax_default _默认样式">
          <div id="u5121_div" class=""></div>
          <div id="u5121_text" class="text ">
            <p><span>请输入搜索内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5122" class="ax_default _默认样式">
          <div id="u5122_div" class=""></div>
          <div id="u5122_text" class="text ">
            <p><span>搜索</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5123" class="ax_default _默认样式">
        <div id="u5123_div" class=""></div>
        <div id="u5123_text" class="text ">
          <p><span>带清除按纽：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5124" class="ax_default _默认样式">
        <div id="u5124_div" class=""></div>
        <div id="u5124_text" class="text ">
          <p><span>图标输入框：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5125" class="ax_default _默认样式">
        <div id="u5125_div" class=""></div>
        <div id="u5125_text" class="text ">
          <p><span>搜索输入框：</span></p>
        </div>
      </div>

      <!-- 气泡提示输入框 (Dynamic Panel) -->
      <div id="u5126" class="ax_default" data-label="气泡提示输入框">
        <div id="u5126_state0" class="panel_state" data-label="State1" style="">
          <div id="u5126_state0_content" class="panel_state_content">

            <!-- 输入框 (Group) -->
            <div id="u5127" class="ax_default" data-label="输入框" data-left="0" data-top="65" data-width="240" data-height="40">

              <!-- 边框 (Rectangle) -->
              <div id="u5128" class="ax_default _默认样式" data-label="边框">
                <img id="u5128_img" class="img " src="images/输入框_input/边框_u5042.png"/>
              </div>

              <!-- 输入框 (Text Field) -->
              <div id="u5129" class="ax_default _默认样式" data-label="输入框">
                <input id="u5129_input" type="text" value="" maxlength="11"/>
              </div>
            </div>

            <!-- 提示气泡 (Speech Bubble) -->
            <div id="u5130" class="ax_default _默认样式 ax_default_hidden" data-label="提示气泡" style="display:none; visibility: hidden">
              <img id="u5130_img" class="img " src="images/输入框_input/提示气泡_u5130.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5131" class="ax_default _默认样式">
        <div id="u5131_div" class=""></div>
        <div id="u5131_text" class="text ">
          <p><span>带气泡提示：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5132" class="ax_default _默认样式">
        <div id="u5132_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5133" class="ax_default _默认样式">
        <div id="u5133_div" class=""></div>
        <div id="u5133_text" class="text ">
          <p><span>文本输入域</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5134" class="ax_default" data-left="600" data-top="2173" data-width="501" data-height="160">

        <!-- Unnamed (Rectangle) -->
        <div id="u5135" class="ax_default _默认样式">
          <div id="u5135_div" class=""></div>
          <div id="u5135_text" class="text ">
            <p><span>请输入介绍信息</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5136" class="ax_default _默认样式">
          <div id="u5136_div" class=""></div>
          <div id="u5136_text" class="text ">
            <p><span>已输入0/300</span></p>
          </div>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5137" class="ax_default" data-label="输入框" data-left="600" data-top="2353" data-width="500" data-height="160">

        <!-- 边框 (Rectangle) -->
        <div id="u5138" class="ax_default _默认样式" data-label="边框">
          <img id="u5138_img" class="img " src="images/输入框_input/边框_u5138.png"/>
        </div>

        <!-- Unnamed (Text Area) -->
        <div id="u5139" class="ax_default _默认样式">
          <textarea id="u5139_input"></textarea>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5140" class="ax_default" data-label="输入框" data-left="760" data-top="681" data-width="240" data-height="40">

        <!-- 边框 (Rectangle) -->
        <div id="u5141" class="ax_default _默认样式" data-label="边框">
          <img id="u5141_img" class="img " src="images/输入框_input/边框_u5042.png"/>
        </div>

        <!-- 输入框 (Text Field) -->
        <div id="u5142" class="ax_default _默认样式" data-label="输入框">
          <input id="u5142_input" type="text" value="" maxlength="20"/>
        </div>

        <!-- 清除 (Rectangle) -->
        <div id="u5143" class="ax_default _默认样式 ax_default_hidden" data-label="清除" style="display:none; visibility: hidden">
          <div id="u5143_div" class=""></div>
          <div id="u5143_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- 图标 (Rectangle) -->
        <div id="u5144" class="ax_default _默认样式" data-label="图标">
          <div id="u5144_div" class=""></div>
          <div id="u5144_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5145" class="ax_default _默认样式">
        <div id="u5145_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5146" class="ax_default _默认样式">
        <div id="u5146_div" class=""></div>
        <div id="u5146_text" class="text ">
          <p><span>输入框尺寸</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5147" class="ax_default _默认样式">
        <div id="u5147_div" class=""></div>
        <div id="u5147_text" class="text ">
          <p><span>请输入用户名称</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5148" class="ax_default _默认样式">
        <div id="u5148_div" class=""></div>
        <div id="u5148_text" class="text ">
          <p><span>请输入用户名称</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5149" class="ax_default _默认样式">
        <div id="u5149_div" class=""></div>
        <div id="u5149_text" class="text ">
          <p><span>大型尺寸：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5150" class="ax_default _默认样式">
        <div id="u5150_div" class=""></div>
        <div id="u5150_text" class="text ">
          <p><span>标准尺寸：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5151" class="ax_default _默认样式">
        <div id="u5151_div" class=""></div>
        <div id="u5151_text" class="text ">
          <p><span>请输入用户名称</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5152" class="ax_default _默认样式">
        <div id="u5152_div" class=""></div>
        <div id="u5152_text" class="text ">
          <p><span>小型尺寸：</span></p>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5153" class="ax_default" data-label="输入框" data-left="110" data-top="1781" data-width="380" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5154" class="ax_default _默认样式">
          <div id="u5154_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5155" class="ax_default _默认样式">
          <div id="u5155_div" class=""></div>
          <div id="u5155_text" class="text ">
            <p><span>.com</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5156" class="ax_default _默认样式">
          <div id="u5156_div" class=""></div>
          <div id="u5156_text" class="text ">
            <p><span>http://</span></p>
          </div>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5157" class="ax_default" data-label="输入框" data-left="110" data-top="1841" data-width="380" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5158" class="ax_default _默认样式">
          <div id="u5158_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5159" class="ax_default _默认样式">
          <div id="u5159_div" class=""></div>
          <div id="u5159_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">.com </span><span style="font-family:'FontAwesome';font-weight:400;font-size:18px;color:#CCCCCC;"></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5160" class="ax_default _默认样式">
          <div id="u5160_div" class=""></div>
          <div id="u5160_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">http:// </span><span style="font-family:'FontAwesome';font-weight:400;font-size:18px;color:#CCCCCC;"></span></p>
          </div>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5161" class="ax_default" data-label="输入框" data-left="110" data-top="1901" data-width="380" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5162" class="ax_default _默认样式">
          <div id="u5162_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5163" class="ax_default _默认样式">
          <div id="u5163_div" class=""></div>
          <div id="u5163_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5164" class="ax_default _默认样式">
          <div id="u5164_div" class=""></div>
          <div id="u5164_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">Day&nbsp; </span><span style="font-family:'FontAwesome';font-weight:400;font-size:18px;color:#CCCCCC;"></span></p>
          </div>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5165" class="ax_default" data-label="输入框" data-left="110" data-top="2021" data-width="380" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5166" class="ax_default _默认样式">
          <div id="u5166_div" class=""></div>
          <div id="u5166_text" class="text ">
            <p><span>姓名</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5167" class="ax_default _默认样式">
          <div id="u5167_div" class=""></div>
          <div id="u5167_text" class="text ">
            <p><span>身份证号码</span></p>
          </div>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5168" class="ax_default" data-label="输入框" data-left="110" data-top="1961" data-width="380" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5169" class="ax_default _默认样式">
          <div id="u5169_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5170" class="ax_default _默认样式">
          <div id="u5170_div" class=""></div>
          <div id="u5170_text" class="text ">
            <p><span>Kg</span></p>
          </div>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5171" class="ax_default" data-label="输入框" data-left="110" data-top="2081" data-width="380" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5172" class="ax_default _默认样式">
          <div id="u5172_div" class=""></div>
          <div id="u5172_text" class="text ">
            <p><span>电话区号</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5173" class="ax_default _默认样式">
          <div id="u5173_div" class=""></div>
          <div id="u5173_text" class="text ">
            <p><span>电话号码</span></p>
          </div>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5174" class="ax_default" data-label="输入框" data-left="110" data-top="2141" data-width="380" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5175" class="ax_default _默认样式">
          <div id="u5175_div" class=""></div>
          <div id="u5175_text" class="text ">
            <p><span>选择城市</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5176" class="ax_default _默认样式">
          <div id="u5176_div" class=""></div>
          <div id="u5176_text" class="text ">
            <p><span>请输入详细地址</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5177" class="ax_default _默认样式">
          <div id="u5177_div" class=""></div>
          <div id="u5177_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5178" class="ax_default" data-left="110" data-top="2201" data-width="380" data-height="40">

        <!-- 输入框 (Group) -->
        <div id="u5179" class="ax_default" data-label="输入框" data-left="110" data-top="2201" data-width="190" data-height="40">

          <!-- Unnamed (Rectangle) -->
          <div id="u5180" class="ax_default _默认样式">
            <div id="u5180_div" class=""></div>
            <div id="u5180_text" class="text ">
              <p><span>范围起始值</span></p>
            </div>
          </div>
        </div>

        <!-- 输入框 (Group) -->
        <div id="u5181" class="ax_default" data-label="输入框" data-left="300" data-top="2201" data-width="190" data-height="40">

          <!-- Unnamed (Rectangle) -->
          <div id="u5182" class="ax_default _默认样式">
            <div id="u5182_div" class=""></div>
            <div id="u5182_text" class="text ">
              <p><span>范围结束值</span></p>
            </div>
          </div>
        </div>

        <!-- 输入框 (Group) -->
        <div id="u5183" class="ax_default" data-label="输入框" data-left="280" data-top="2201" data-width="40" data-height="40">

          <!-- Unnamed (Rectangle) -->
          <div id="u5184" class="ax_default _默认样式">
            <div id="u5184_div" class=""></div>
            <div id="u5184_text" class="text ">
              <p><span>~</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5185" class="ax_default" data-label="输入框" data-left="110" data-top="2261" data-width="380" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5186" class="ax_default _默认样式">
          <div id="u5186_div" class=""></div>
          <div id="u5186_text" class="text ">
            <p><span>请输入</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5187" class="ax_default _默认样式">
          <div id="u5187_div" class=""></div>
          <div id="u5187_text" class="text ">
            <p><span>请选择日期</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5188" class="ax_default _默认样式">
          <div id="u5188_div" class=""></div>
          <div id="u5188_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5189" class="ax_default" data-left="110" data-top="2321" data-width="380" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5190" class="ax_default _默认样式">
          <div id="u5190_div" class=""></div>
          <div id="u5190_text" class="text ">
            <p><span>选择选项</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5191" class="ax_default _默认样式">
          <div id="u5191_div" class=""></div>
          <div id="u5191_text" class="text ">
            <p><span>选择选项&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5192" class="ax_default _默认样式">
          <div id="u5192_div" class=""></div>
          <div id="u5192_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5193" class="ax_default _默认样式">
          <div id="u5193_div" class=""></div>
          <div id="u5193_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 输入框 (Group) -->
      <div id="u5194" class="ax_default" data-label="输入框" data-left="760" data-top="500" data-width="240" data-height="40">

        <!-- 边框 (Rectangle) -->
        <div id="u5195" class="ax_default _默认样式" data-label="边框">
          <img id="u5195_img" class="img " src="images/输入框_input/边框_u5042.png"/>
        </div>

        <!-- 输入框 (Text Field) -->
        <div id="u5196" class="ax_default _默认样式" data-label="输入框">
          <input id="u5196_input" type="password" value="" maxlength="20"/>
        </div>

        <!-- 清除 (Rectangle) -->
        <div id="u5197" class="ax_default _默认样式 ax_default_hidden" data-label="清除" style="display:none; visibility: hidden">
          <div id="u5197_div" class=""></div>
          <div id="u5197_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5198" class="ax_default _默认样式">
        <div id="u5198_div" class=""></div>
        <div id="u5198_text" class="text ">
          <p><span>默认状态：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5199" class="ax_default _默认样式">
        <div id="u5199_div" class=""></div>
        <div id="u5199_text" class="text ">
          <p><span>悬停状态：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5200" class="ax_default _默认样式">
        <div id="u5200_div" class=""></div>
        <div id="u5200_text" class="text ">
          <p><span>输入状态：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5201" class="ax_default _默认样式">
        <div id="u5201_div" class=""></div>
        <div id="u5201_text" class="text ">
          <p><span>清除按纽：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5202" class="ax_default _默认样式">
        <div id="u5202_div" class=""></div>
        <div id="u5202_text" class="text ">
          <p><span>禁用状态：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5203" class="ax_default _默认样式">
        <div id="u5203_div" class=""></div>
        <div id="u5203_text" class="text ">
          <p><span>正确状态：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5204" class="ax_default _默认样式">
        <div id="u5204_div" class=""></div>
        <div id="u5204_text" class="text ">
          <p><span>错误状态：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5205" class="ax_default _默认样式">
        <div id="u5205_div" class=""></div>
        <div id="u5205_text" class="text ">
          <p><span>为空状态：</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5206" class="ax_default" data-left="232" data-top="2382" data-width="258" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5207" class="ax_default _默认样式">
          <div id="u5207_div" class=""></div>
          <div id="u5207_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5208" class="ax_default _默认样式">
          <div id="u5208_div" class=""></div>
          <div id="u5208_text" class="text ">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5209" class="ax_default _默认样式">
          <div id="u5209_div" class=""></div>
          <div id="u5209_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5210" class="ax_default _默认样式">
          <div id="u5210_div" class=""></div>
          <div id="u5210_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5211" class="ax_default _默认样式">
          <div id="u5211_div" class=""></div>
          <div id="u5211_text" class="text ">
            <p><span>5</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5212" class="ax_default _默认样式">
          <div id="u5212_div" class=""></div>
          <div id="u5212_text" class="text ">
            <p><span>6</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5213" class="ax_default" data-left="232" data-top="2442" data-width="258" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5214" class="ax_default _默认样式">
          <div id="u5214_div" class=""></div>
          <div id="u5214_text" class="text ">
            <p><span>6214 </span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5215" class="ax_default _默认样式">
          <div id="u5215_div" class=""></div>
          <div id="u5215_text" class="text ">
            <p><span>0000</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5216" class="ax_default _默认样式">
          <div id="u5216_div" class=""></div>
          <div id="u5216_text" class="text ">
            <p><span>0000</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5217" class="ax_default _默认样式">
          <div id="u5217_div" class=""></div>
          <div id="u5217_text" class="text ">
            <p><span>0000</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5218" class="ax_default _默认样式">
        <div id="u5218_div" class=""></div>
        <div id="u5218_text" class="text ">
          <p><span>验证码输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5219" class="ax_default _默认样式">
        <div id="u5219_div" class=""></div>
        <div id="u5219_text" class="text ">
          <p><span>银行卡号输入</span></p>
        </div>
      </div>

      <!-- 成功提示 (Rectangle) -->
      <div id="u5220" class="ax_default _默认样式" data-label="成功提示">
        <img id="u5220_img" class="img " src="images/输入框_input/成功提示_u5053.png"/>
        <div id="u5220_text" class="text ">
          <p><span style="font-family:'ArialMT', 'Arial';font-weight:400;">&nbsp;</span><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;"> 字段验证中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5221" class="ax_default _默认样式">
        <div id="u5221_div" class=""></div>
        <div id="u5221_text" class="text ">
          <p><span>字段验证状态</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5222" class="ax_default _默认样式">
        <div id="u5222_div" class=""></div>
        <div id="u5222_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">验证状态</span><span style="font-family:'微软雅黑';font-weight:400;">：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5223" class="ax_default _默认样式">
        <div id="u5223_div" class=""></div>
        <div id="u5223_text" class="text ">
          <p><span>完成状态</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5224" class="ax_default _默认样式">
        <div id="u5224_div" class=""></div>
        <div id="u5224_text" class="text ">
          <p><span>完成状态：</span></p>
        </div>
      </div>

      <!-- 成功提示 (Rectangle) -->
      <div id="u5225" class="ax_default _默认样式" data-label="成功提示">
        <img id="u5225_img" class="img " src="images/输入框_input/成功提示_u5053.png"/>
        <div id="u5225_text" class="text ">
          <p style="font-size:14px;"><span style="font-family:'FontAwesome';font-weight:400;font-size:16px;"></span><span style="font-family:'微软雅黑';font-weight:400;"> 提示内容文字</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5226" class="ax_default _默认样式">
        <div id="u5226_div" class=""></div>
        <div id="u5226_text" class="text ">
          <p><span>输入提示：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5227" class="ax_default _默认样式">
        <div id="u5227_div" class=""></div>
        <div id="u5227_text" class="text ">
          <p><span>输入状态</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
